/* @media screen and (min-width:0\0) */

@charset'utf-8';
@import'../../open_scss/theme';
@import'../../open_scss/color';
@import'../../open_scss/model';
// .localcity {
//     padding: 0 5px;
//     .city {
//         display: inline-block;
//         vertical-align: middle;
//         padding: .5rem 0;
//         width: 50%;
//         position: relative;
//         .city_menu {
//             position: absolute;
//             top: 100%;
//             left: -5px;
//             text-align: center;
//             z-index: 1100;
//             .item {
//                 padding: 0 10px;
//                 height: 0;
//                 line-height: 25px;
//                 background-color: $grayLighter;
//                 margin-top: 5px;
//                 overflow: hidden;
//                 @include comic(.1);
//             }
//             &.focus {
//                 .item {
//                     height: 25px;
//                 }
//             }
//         }
//     }
//     .weather {
//         display: inline-block;
//         vertical-align: middle;
//         width: 50%;
//         text-align: right;
//         padding: .5rem 0;
//         img {
//             display: inline-block;
//             vertical-align: middle;
//             height: 14px;
//         }
//     }
// }
.imgbox {
    width: 100%;
    overflow: hidden;
}

.picwall {
    @include comic(0);
    width: 100%;
    overflow: hidden;
    position: relative;
    .movebox {
        width: 100%;
        overflow: visible;
        @include breakLine;
        @include comic(.3);
        href {
            display: inline-block;
            vertical-align: top;
            width: 100%;
            img {
                display: inline-block;
                vertical-align: top;
                width: 100%;
            }
        }
    }
    .index_mark {
        position: absolute;
        width: 100%;
        height: 10px;
        bottom: 10px;
        left: 0;
        text-align: center;
        .item {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            display: inline-block;
            vertical-align: top;
            margin: 0 3px;
            background-color: rgba($white, .3);
            &.focus {
                background-color: $themeColor;
            }
        }
    }
}

.icon-spin4 {
    &:before {
        @include animation(spin, 2);
    }
}

.logobox {
    width: 100%;
    margin: 15px auto;
    text-align: center;
    img {
        width: 80%;
    }
}

// .store_list {
//     padding: 5px 0;
//     width: 100%;
//     overflow-y: scroll;
//     @include breakLine;
//     .item {
//         display: inline-block;
//         vertical-align: top;
//         width: 33.333%;
//         box-sizing: border-box;
//         padding: 0 5px;
//         .img {
//             img {
//                 width: 100%;
//             }
//         }
//         .store_title {
//             padding: 0 5px;
//             @include newLine;
//             @include Line(2);
//             height: 40px;
//             line-height: 20px;
//             font-size: 12px;
//             background-color: $grayLighter;
//         }
//     }
// }
// .logoinfo {
//     padding: .5rem 1%;
//     background-color: $white;
//     position: relative;
//     border-bottom: 1px solid #efefef;
//     min-height: 40px;
//     .logobox {
//         display: inline-block;
//         vertical-align: middle;
//         background-color: $white;
//         border-radius: 4px;
//         img {
//             height: 45px;
//         }
//     }
//     .infos {
//         display: inline-block;
//         vertical-align: middle;
//         max-width: 200px;
//         margin-left: 20px;
//         @include Line(1);
//     }
//     ._storename {
//         font-size: 22px;
//         font-weight: bold;
//         color: rgba($black, .8);
//     }
// }
.main_menu_box {
    padding: 15px 0;
    text-align: center;
    @include breakLine;
    href,
    a {
        width: 14%;
        margin: 0 2%;
        font-size: 12px;
        display: inline-block;
        vertical-align: middle;
        .icon-gift,
        .icon-th,
        .icon-basket,
        .icon-user,
        .icon-bookmark-empty {
            width: 100%;
            line-height: 40px;
            font-size: 35px;
            margin-bottom: 3px;
        }
        .icon-gift {
            color: $crimson;
        }
        .icon-th {
            color: $lime;
        }
        .icon-basket {
            color: $cyan;
        }
        .icon-user {
            color: $amber;
        }
        .icon-bookmark-empty {
            color: $roseous;
        }
    }
}

._main_goods {
    width: 100%;
    margin-bottom: 25px;
    @include newLine;
}

.maingoods {
    margin: 0 1%;
    margin-top: .5rem;
    margin-bottom: 1rem;
    width: 48%;
    overflow: hidden;
    background-color: rgba($white, 0.7);
    display: inline-block;
    vertical-align: top;
    .img {
        width: 100%;
        overflow: hidden;
        img {
            width: 100%;
        }
    }
    .info {
        width: 100%;
        .intro {
            line-height: 20px;
            @include Line(1);
            font-weight: bold;
        }
        .price {
            color: $red;
        }
    }
}

._main_bottom {
    margin: 2rem auto;
    width: 180px;
    line-height: 30px;
    text-align: center;
    background-color: $themeColor;
    color: $white;
}
